<!DOCTYPE html>
<html lang="zh-cmn" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="Xenon Boostrap Admin Panel" />
    <meta name="author" content="" />
    <title></title>
    <link rel="stylesheet" th:href="@{/css/bootstrap.css}"/>
    <link rel="stylesheet" th:href="@{/css/fonts/linecons/css/linecons.css}"/>
    <link rel="stylesheet" th:href="@{/css/fonts/fontawesome/css/font-awesome.min.css}"/>
    <link rel="stylesheet" th:href="@{/css/bootstrap.css}"/>
    <link rel="stylesheet" th:href="@{/css/xenon-core.css}"/>
    <link rel="stylesheet" th:href="@{/css/xenon-forms.css}"/>
    <link rel="stylesheet" th:href="@{/css/xenon-components.css}"/>
    <link rel="stylesheet" th:href="@{/css/xenon-skins.css}"/>
    <link rel="stylesheet" th:href="@{/css/custom.css}"/>
    <script type="application/javascript" th:src="@{/js/jquery-1.11.1.min.js}"></script>
</head>
<body class="page-body">
<div class="settings-pane">
    <a href="#" data-toggle="settings-pane" data-animate="true">
        &times;
    </a>
    <div class="settings-pane-inner">
        <div class="row">
            <div class="col-md-4">
                <div class="user-info">
                    <div class="user-image">
                        <a href="#">
                            <img src="" class="img-responsive img-circle" />
                        </a>
                    </div>
                    <div class="user-details">
                        <h3>
                            <a href="">John Smith</a>
                            <span class="user-status is-online"></span>
                        </h3>
                        <p class="user-title">Web Developer</p>
                        <div class="user-links">
                            <a href="" class="btn btn-primary">Edit Profile</a>
                            <a href="" class="btn btn-success">Upgrade</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-8 link-blocks-env">
                <div class="links-block left-sep">
                    <h4>
                        <span>Notifications</span>
                    </h4>
                    <ul class="list-unstyled">
                        <li>
                            <input type="checkbox" class="cbr cbr-primary" checked="checked" id="sp-chk1" />
                            <label for="sp-chk1">Messages</label>
                        </li>
                        <li>
                            <input type="checkbox" class="cbr cbr-primary" checked="checked" id="sp-chk2" />
                            <label for="sp-chk2">Events</label>
                        </li>
                        <li>
                            <input type="checkbox" class="cbr cbr-primary" checked="checked" id="sp-chk3" />
                            <label for="sp-chk3">Updates</label>
                        </li>
                        <li>
                            <input type="checkbox" class="cbr cbr-primary" checked="checked" id="sp-chk4" />
                            <label for="sp-chk4">Server Uptime</label>
                        </li>
                    </ul>
                </div>

                <div class="links-block left-sep">
                    <h4>
                        <a href="#">
                            <span>Help Desk</span>
                        </a>
                    </h4>

                    <ul class="list-unstyled">
                        <li>
                            <a href="#">
                                <i class="fa-angle-right"></i>
                                Support Center
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="fa-angle-right"></i>
                                Submit a Ticket
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="fa-angle-right"></i>
                                Domains Protocol
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <i class="fa-angle-right"></i>
                                Terms of Service
                            </a>
                        </li>
                    </ul>
                </div>

            </div>

        </div>

    </div>

</div>

<div class="page-container">
    <div class="main-content">
        <div class="page-title">
            <div class="title-env">
                <h1 class="title">库存 管理</h1>
                <p class="description">可以对员工进行一系列操作以及管理</p>
            </div>

            <div class="breadcrumb-env">

                <ol class="breadcrumb bc-1">
                    <li>
                        <a href="#"><i class="fa-home"></i>首页</a>
                    </li>
                    <li>
                        <a href="#">导航</a>
                    </li>
                    <li class="active">
                        <strong>库存管理</strong>
                    </li>
                </ol>

            </div>
        </div>
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title" id="ck">库存管理</h3>
            </div>
            <div class="panel-body">

                <script type="text/javascript">
                    jQuery(document).ready(function($)
                    {
                        $("#example-1").dataTable().yadcf([
                            {column_number : 0 },
                            /*{column_number : 1, filter_type: 'range_number'},*/
                            {column_number : 1, filter_type: 'text'},
                            {column_number : 2, filter_type: 'text'},
                            {column_number : 3, filter_type: 'text'},
                            {column_number : 4, filter_type: 'text'},
                            {column_number : 5, filter_type: 'text'},
                            {column_number : 6, filter_type: 'text'}
                        ]);
                    });
                </script>
                <span class="btn btn-primary">添加员工信息</span>
                <table id="stockManager" class="table table-striped table-bordered" id="example-1">
                    <thead>
                    <tr class="replace-inputs">
                        <th>仓库</th>
                        <th>产品名称</th>
                        <th>商品名</th>
                        <th>数量</th>
                        <th>入库时间</th>
                        <th>产品属性</th>
                        <th>产品属性名</th>
                      <!--  <th class="text-center"  data-field="">操作</th>-->
                    </tr>
                    </thead>
                    <tbody>
                    <tr th:each="a:${all}">
                        <td th:text="${a.storeInfo.storeInfoName}"></td>
                        <td th:text="${a.stockRecord.goodsBasicInfo.proSeries.proName}"></td>
                        <td th:text="${a.stockRecord.goodsBasicInfo.goodsName}"></td>
                        <td th:text="${a.stockRecord.goodsRecordCount}"></td>

                        <td th:date="${#dates.format(a.stockRecord.goodsRecordTime,'yyyy-MM-dd HH:mm:ss')}"  ></td>

                        <td th:text="${a.stockRecord.goodsBasicInfo.goodsPropertyManager.proAttrValue.proAttrName.proAttrName}"></td>
                        <td th:text="${a.stockRecord.goodsBasicInfo.goodsPropertyManager.proAttrValue.proAttrValueName}"></td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<link rel="stylesheet" th:href="@{/js/datatables/dataTables.bootstrap.css}"/>
<script type="application/javascript" th:src="@{/js/bootstrap.min.js}"></script>
<script type="application/javascript" th:src="@{/js/TweenMax.min.js}"></script>
<script type="application/javascript" th:src="@{/js/resizeable.js}"></script>
<script type="application/javascript" th:src="@{/js/joinable.js}"></script>
<script type="application/javascript" th:src="@{/js/xenon-api.js}"></script>
<script type="application/javascript" th:src="@{/js/xenon-toggles.js}"></script>
<script type="application/javascript" th:src="@{/js/datatables/js/jquery.dataTables.js}"></script>
<script type="application/javascript" th:src="@{/js/datatables/dataTables.bootstrap.js}"></script>
<script type="application/javascript" th:src="@{/js/datatables/yadcf/jquery.dataTables.yadcf.js}"></script>
<script type="application/javascript" th:src="@{/js/datatables/tabletools/dataTables.tableTools.min.js}"></script>
<script type="application/javascript" th:src="@{/js/xenon-custom.js}"></script>
<!--<script type="text/javascript">
    $(function () {
        //1.初始化Table
        var oTable = new TableInit();
        oTable.Init('stockManager','/stockManager/searchStockRecord');
    });

</script>-->


</body>
</html>